<template>
	<view-box class="FwsqList2" bodyPaddingTop="0" bodyPaddingBottom="0">
		<x-header>服务申请进度查询
			<a slot="right" @click="showMenu">
				<span class="righttext">
                    {{selectText}}
                </span>
				<div class="triangle_border_down"></div>
			</a>
		</x-header>
		<flexbox orient="vertical" :gutter="0">
			<flexbox-item v-for="item in pageList " :key="i">
				<div class="box" @click="go('FwsqListDetail2',{id:item.applyNum})">
					<div class="title">{{ item.applyNum }}</div>
					<div class="titles">
						{{ item.newResource }}
					</div>
					<div class="jd" v-if=" item.flowStatus ==  0 ">进度：未发起</div>
					<div class="jd" v-if=" item.flowStatus ==  1 ">进度：审核中</div>
					<div class="jd" v-if=" item.flowStatus ==  2 ">进度：已办结</div>
					<div class="jd" v-if=" item.flowStatus ==  3 ">进度：退回</div>
					<div class="sj">时间：{{ item.createTime  }}</div>
				</div>
			</flexbox-item>

		</flexbox>
		<div v-transfer-dom>
			<actionsheet :menus="menus" v-model="showMenus" show-cancel @on-click-menu="menuClisk"></actionsheet>
		</div>
	</view-box>

</template>
<script>
	import {
		ViewBox,
		XHeader,
		Flexbox,
		FlexboxItem,
		TransferDom,
		Actionsheet
	} from "vux";
	// import {
	//   mapState, mapMutations, mapGetters, mapActions
	// } from "vuex";
	export default {
		name: "FwsqList2",
		components: {
			ViewBox,
			XHeader,
			Flexbox,
			FlexboxItem,
			Actionsheet
		},
		directives: {
			TransferDom
		},
		data() {
			return {
				titles: "1",
				selectText: "待审核",
				menus: {
					menu1: "待审核",
					menu2: "审核中"
				},
				showMenus: false,
				results: [1, 2, 34, 5, 6],
				pageList: [{
					"applyType": "0",
					"reason": "用于证照照片完善",
					"resourceId": null,
					"applyOrganId": "市民政局",
					"sysId": "养老平台",
					"overTime": "2018-09-18 11:07:03",
					"updateUser": null,
					"messageId": null,
					"updateTime": null,
					"applyNum": "DP001XQ201809131106510002",
					"offerOrganId": "市公安局",
					"resourceNum": null,
					"instanceId": "104515",
					"isConfirm": null,
					"createTime": "2018-09-13 11:06:51",
					"messageResourceId": null,
					"newResource": "身份证照片接口",
					"createUser": "市民政局管理员",
					"id": "8aa9618265a2cedc0165d0e546204596",
					"reminderTime": -3,
					"flowStatus": "1",
					"messageResourceNum": null,
					"reportTime": "2018-09-13 11:07:03",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "用于老年人口异动核实",
					"resourceId": null,
					"applyOrganId": "市民政局",
					"sysId": "养老平台",
					"overTime": "2018-09-18 11:07:07",
					"updateUser": null,
					"messageId": null,
					"updateTime": null,
					"applyNum": "DP001XQ201809131104200002",
					"offerOrganId": "市公安局",
					"resourceNum": null,
					"instanceId": "104527",
					"isConfirm": null,
					"createTime": "2018-09-13 11:04:20",
					"messageResourceId": null,
					"newResource": "死亡人口信息",
					"createUser": "市民政局管理员",
					"id": "8aa9618265a2cedc0165d0e2f8814463",
					"reminderTime": -3,
					"flowStatus": "1",
					"messageResourceNum": null,
					"reportTime": "2018-09-13 11:07:07",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "办理惠民政策学前教育政府助学金核查比对业务，运用大数据技术，批量处理数据采集、比对、分析、汇总等工作。根据市财政局市教育局转发《湖北省学前教育资助资金管理办法》的通知(武财教[2018]208号文)运用大数据开展惠民政策落实情况监督检查工作",
					"resourceId": null,
					"applyOrganId": "市教育局",
					"sysId": "惠民政策大数据核查监督平台",
					"overTime": "2018-09-17 16:17:59",
					"updateUser": "bd37813a6483654a016483fb84a006b6",
					"messageId": null,
					"updateTime": "2018-09-12 16:03:15",
					"applyNum": "DP001XQ201809121602150002",
					"offerOrganId": "市民政局",
					"resourceNum": null,
					"instanceId": "104302",
					"isConfirm": null,
					"createTime": "2018-09-12 16:02:15",
					"messageResourceId": null,
					"newResource": "孤儿信息",
					"createUser": "市教育局管理员",
					"id": "8aa9618265a2cedc0165cccd5da16f3f",
					"reminderTime": -4,
					"flowStatus": "3",
					"messageResourceNum": null,
					"reportTime": "2018-09-12 16:17:59",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "办理惠民政策学前教育政府助学金核查比对业务，运用大数据技术，批量处理数据采集、比对、分析、汇总等工作。根据市财政局市教育局转发《湖北省学前教育资助资金管理办法》的通知(武财教[2018]208号文)运用大数据开展惠民政策落实情况监督检查工作",
					"resourceId": null,
					"applyOrganId": "市教育局",
					"sysId": "惠民政策大数据核查监督平台",
					"overTime": "2018-09-17 16:18:04",
					"updateUser": "bd37813a6483654a016483fb84a006b6",
					"messageId": null,
					"updateTime": "2018-09-12 16:03:08",
					"applyNum": "DP001XQ201809121557160002",
					"offerOrganId": "市农委",
					"resourceNum": null,
					"instanceId": "104314",
					"isConfirm": null,
					"createTime": "2018-09-12 15:57:16",
					"messageResourceId": null,
					"newResource": "建档立卡证明",
					"createUser": "市教育局管理员",
					"id": "8aa9618265a2cedc0165ccc8cf266c71",
					"reminderTime": -4,
					"flowStatus": "1",
					"messageResourceNum": null,
					"reportTime": "2018-09-12 16:18:04",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "办理惠民政策学前教育政府助学金核查比对业务，运用大数据技术，批量处理数据采集、比对、分析、汇总等工作。根据市财政局市教育局转发《湖北省学前教育资助资金管理办法》的通知(武财教[2018]208号文)运用大数据开展惠民政策落实情况监督检查工作",
					"resourceId": null,
					"applyOrganId": "市教育局",
					"sysId": "惠民政策大数据核查监督平台",
					"overTime": "2018-09-17 16:18:06",
					"updateUser": "bd37813a6483654a016483fb84a006b6",
					"messageId": null,
					"updateTime": "2018-09-12 16:03:22",
					"applyNum": "DP001XQ201809121552480002",
					"offerOrganId": "市民政局",
					"resourceNum": null,
					"instanceId": "104326",
					"isConfirm": null,
					"createTime": "2018-09-12 15:52:48",
					"messageResourceId": null,
					"newResource": "烈士子女证明",
					"createUser": "市教育局管理员",
					"id": "8aa9618265a2cedc0165ccc4b70d6c6d",
					"reminderTime": -4,
					"flowStatus": "3",
					"messageResourceNum": null,
					"reportTime": "2018-09-12 16:18:06",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "",
					"resourceId": null,
					"applyOrganId": "市国土规划局",
					"sysId": "武汉市不动产登记管理信息平台",
					"overTime": "2018-09-16 10:38:44",
					"updateUser": null,
					"messageId": null,
					"updateTime": null,
					"applyNum": "DP001XQ201809111038350002",
					"offerOrganId": "市公安局",
					"resourceNum": null,
					"instanceId": "104251",
					"isConfirm": null,
					"createTime": "2018-09-11 10:38:35",
					"messageResourceId": null,
					"newResource": "户籍信息（所有家庭成员信息）",
					"createUser": "市国土规划局管理员",
					"id": "8aa9618265a2cedc0165c67eac9b6dd5",
					"reminderTime": -5,
					"flowStatus": "1",
					"messageResourceNum": null,
					"reportTime": "2018-09-11 10:38:44",
					"messageResourceName": null
				}, {
					"applyType": "1",
					"reason": "环境质量调度和应急指挥平台整合武汉市气象数据信息，利用大数据技术保障武汉市环境状况稳定，监控重污染天气、应急事件的发生。",
					"resourceId": null,
					"applyOrganId": "市环保局",
					"sysId": "环境质量调度和应急指挥中心平台",
					"overTime": "2018-09-09 14:57:50",
					"updateUser": "bd37813a6483654a016483fb84140648",
					"messageId": null,
					"updateTime": "2018-09-04 14:57:35",
					"applyNum": "DP001XQ201809041453080002",
					"offerOrganId": "市气象局",
					"resourceNum": "307020400130530000/000006",
					"instanceId": "82563",
					"isConfirm": null,
					"createTime": "2018-09-04 14:53:08",
					"messageResourceId": null,
					"newResource": "逐小时国家自动气象站数据",
					"createUser": "市环保局",
					"id": "8aa9618265a2cedc0165a35b349a0da9",
					"reminderTime": -12,
					"flowStatus": "2",
					"messageResourceNum": null,
					"reportTime": "2018-09-04 14:57:50",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "根据《省人民政府办公厅关于加快解决群众办事堵点问题的通知》（鄂政办电【2018】89号）文件要求，为生育保险参保人员办理生育津贴、报销生育医疗费时，通过提取相关证照具体指标信息核验申请人填写审批事项申请表",
					"resourceId": null,
					"applyOrganId": "市人社局",
					"sysId": "市人社信息共享平台",
					"overTime": "2018-09-05 15:43:33",
					"updateUser": null,
					"messageId": null,
					"updateTime": null,
					"applyNum": "DP001XQ201808311543200002",
					"offerOrganId": "市卫计委",
					"resourceNum": null,
					"instanceId": "77022",
					"isConfirm": null,
					"createTime": "2018-08-31 15:43:20",
					"messageResourceId": null,
					"newResource": "计划生育服务证",
					"createUser": "市人社局管理员",
					"id": "8aa96182655f6e3601658eefbcb728f1",
					"reminderTime": -16,
					"flowStatus": "2",
					"messageResourceNum": null,
					"reportTime": "2018-08-31 15:43:33",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "根据《省人民政府办公厅关于加快解决群众办事堵点问题的通知》（鄂政办电【2018】89号）文件要求，为生育保险参保人员办理生育津贴、报销生育医疗费时，通过提取相关证照具体指标信息核验申请人填写审批事项申请表",
					"resourceId": null,
					"applyOrganId": "市人社局",
					"sysId": "市人社信息共享平台",
					"overTime": "2018-09-05 15:35:44",
					"updateUser": null,
					"messageId": null,
					"updateTime": null,
					"applyNum": "DP001XQ201808311534430002",
					"offerOrganId": "市卫计委",
					"resourceNum": null,
					"instanceId": "77010",
					"isConfirm": null,
					"createTime": "2018-08-31 15:34:43",
					"messageResourceId": null,
					"newResource": "出生医学证明",
					"createUser": "市人社局管理员",
					"id": "8aa96182655f6e3601658ee7d96328e2",
					"reminderTime": -16,
					"flowStatus": "2",
					"messageResourceNum": null,
					"reportTime": "2018-08-31 15:35:44",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "获取工伤保险生活护理费信息核对残疾人信息",
					"resourceId": null,
					"applyOrganId": "市残联",
					"sysId": "重度残疾人护理补贴系统",
					"overTime": "2018-09-03 17:36:53",
					"updateUser": null,
					"messageId": null,
					"updateTime": null,
					"applyNum": "DP001XQ201808291736270002",
					"offerOrganId": "市人社局",
					"resourceNum": null,
					"instanceId": "75716",
					"isConfirm": null,
					"createTime": "2018-08-29 17:36:27",
					"messageResourceId": null,
					"newResource": "工伤保险生活护理费信息",
					"createUser": "市残联管理员",
					"id": "8aa96182655f6e360165850a93de5bf7",
					"reminderTime": -18,
					"flowStatus": "3",
					"messageResourceNum": null,
					"reportTime": "2018-08-29 17:36:53",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "获取老年、因公致残、离休等福利性护理补贴（津贴）信息核对残疾人信息",
					"resourceId": null,
					"applyOrganId": "市残联",
					"sysId": "重度残疾人护理补贴系统",
					"overTime": "2018-09-03 17:36:50",
					"updateUser": null,
					"messageId": "8aa9618265a2cedc0165ea598e2a53c0",
					"updateTime": null,
					"applyNum": "DP001XQ201808291735260002",
					"offerOrganId": "市人社局",
					"resourceNum": null,
					"instanceId": "75704",
					"isConfirm": "0",
					"createTime": "2018-08-29 17:35:26",
					"messageResourceId": "90663f09b8844b8aaa75b52b49286657",
					"newResource": "老年、因公致残、离休等福利性护理补贴（津贴）信息",
					"createUser": "市残联管理员",
					"id": "8aa96182655f6e3601658509a5445bf0",
					"reminderTime": -18,
					"flowStatus": "2",
					"messageResourceNum": "307020400130110000/000100",
					"reportTime": "2018-08-29 17:36:50",
					"messageResourceName": "离休等福利性生活补贴"
				}, {
					"applyType": "0",
					"reason": "获取集中供养孤儿信息核对残疾人信息",
					"resourceId": null,
					"applyOrganId": "市残联",
					"sysId": "重度残疾人护理补贴系统",
					"overTime": "2018-09-03 17:36:48",
					"updateUser": null,
					"messageId": null,
					"updateTime": null,
					"applyNum": "DP001XQ201808291733330002",
					"offerOrganId": "市民政局",
					"resourceNum": null,
					"instanceId": "75692",
					"isConfirm": null,
					"createTime": "2018-08-29 17:33:33",
					"messageResourceId": null,
					"newResource": "集中供养孤儿信息",
					"createUser": "市残联管理员",
					"id": "8aa96182655f6e3601658507ed335beb",
					"reminderTime": -18,
					"flowStatus": "3",
					"messageResourceNum": null,
					"reportTime": "2018-08-29 17:36:48",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "获取城市三无对象、农村五保对象信息核对残疾人信息",
					"resourceId": null,
					"applyOrganId": "市残联",
					"sysId": "重度残疾人护理补贴系统",
					"overTime": "2018-09-03 17:36:45",
					"updateUser": null,
					"messageId": null,
					"updateTime": null,
					"applyNum": "DP001XQ201808291731500002",
					"offerOrganId": "市民政局",
					"resourceNum": null,
					"instanceId": "75680",
					"isConfirm": null,
					"createTime": "2018-08-29 17:31:50",
					"messageResourceId": null,
					"newResource": "城市三无对象、农村五保对象信息",
					"createUser": "市残联管理员",
					"id": "8aa96182655f6e36016585065ae15be7",
					"reminderTime": -18,
					"flowStatus": "3",
					"messageResourceNum": null,
					"reportTime": "2018-08-29 17:36:45",
					"messageResourceName": null
				}, {
					"applyType": "0",
					"reason": "获取伤残军人和伤残人民警察信息核对残疾人信息\r\n",
					"resourceId": null,
					"applyOrganId": "市残联",
					"sysId": "重度残疾人护理补贴系统",
					"overTime": "2018-09-03 17:36:42",
					"updateUser": "bd37813a6483654a016483fb84dd06e3",
					"messageId": null,
					"updateTime": "2018-08-29 17:29:12",
					"applyNum": "DP001XQ201808291728530002",
					"offerOrganId": "市民政局",
					"resourceNum": null,
					"instanceId": "75668",
					"isConfirm": null,
					"createTime": "2018-08-29 17:28:53",
					"messageResourceId": null,
					"newResource": "伤残军人和伤残人民警察信息",
					"createUser": "市残联管理员",
					"id": "8aa96182655f6e3601658503a5495bd3",
					"reminderTime": -18,
					"flowStatus": "3",
					"messageResourceNum": null,
					"reportTime": "2018-08-29 17:36:42",
					"messageResourceName": null
				}]
			};
		},
		computed: {},
		created() {
			if(this.$route.query.id !== undefined) {
				this.titles = this.$route.query.id;
			}
		},
		mounted() {},
		methods: {
			onFocus() {},
			onCancel() {},
			onSubmit(keytext) {
				this.$refs.search.setBlur();
				this.$vux.toast.show({
					type: "text",
					position: "top",
					text: keytext
				});
				this.results = [1, 2, 3];
			},
			onChange(keytext) {
				this.results = [11, 22, 33];
			},
			showMenu() {
				this.showMenus = true;
			},
			menuClisk(menuKey, menuItem) {
				this.selectText = menuItem;
				this.results = [11, 22, 33, 44, 55]
			}
		}
	};
</script>
<style lang="less">
	.FwsqList2 {
		.box {
			padding: 10px;
			//width: 100%;
			// box-sizing: border-box;
			// -moz-box-sizing: border-box; /* Firefox */
			// -webkit-box-sizing: border-box; /* Safari */
		}
		.title {
			background-color: #45cbad;
			color: white;
			height: 35px;
			line-height: 35px;
			padding-left: 10px;
		}
		.titles {
			background-color: white;
			height: 35px;
			line-height: 35px;
			padding-left: 10px;
		}
		.jd {
			float: left;
			width: 50%;
			background-color: white;
			color: #e09932;
			height: 35px;
			line-height: 35px;
			padding-left: 10px;
			text-align: left;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			/* Firefox */
			-webkit-box-sizing: border-box;
			/* Safari */
			font-size: 14px;
		}
		.sj {
			font-size: 14px;
			float: left;
			width: 50%;
			background-color: white;
			height: 35px;
			line-height: 35px;
			text-align: right;
			padding-right: 10px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			/* Firefox */
			-webkit-box-sizing: border-box;
			/* Safari */
		}
		.righttext {
			color: #fff;
			font-size: 16px;
			font-weight: bold;
		}
		.triangle_border_down {
			width: 0;
			height: 0;
			float: right;
			border-width: 8px 8px 0;
			border-style: solid;
			border-color: #fff transparent transparent;
			/*灰 透明 透明 */
			margin: 8px auto;
			margin-left: 3px;
			position: relative;
		}
	}
</style>